<!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta charset="utf-8" />
    <title>美泰芭比长促培训进度列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="../css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/list.css?v=1.8" rel="stylesheet" type="text/css" />

    <script src="../js/flexible/flexible.js?v=1.8"></script>
</head>

<body class="">
    <div class="com-loding" id="comLoding">
        <img src="../img/list_loding_icon.png">
        <span class="jindu">0%</span>
        <p class="text"><img src="../img/list_loding_text.png"></p>
    </div>
    <div id="page">
        <div class="page-bar">
            <a href="password.html" class="back-btn">修改密码</a>
            <a href="index.html" class="login-out">退出系统</a>
            <h2>课程测试题</h2>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon3.png"></span>
                        <p class="img"><a href="babi.html"><img src="../img/list_img_01.png"></a></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016芭比品牌培训课件
                        </p>
                        <p class="text">学习状态：学习中</p>
                        <p class="text">学习进度：30%</p>
                        <p class="progress">
                            <span class="bar sty1" style="width:30%"></span>
                        </p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon5.png"></span>
                        <p class="img"><img src="../img/list_img_02.png"></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016费雪品牌培训课件
                        </p>
                        <p class="text">学习状态：学习中</p>
                        <p class="text">学习进度：0%</p>
                        <p class="progress">
                            <span class="bar sty2" style="width:0%"></span>
                        </p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon5.png"></span>
                        <p class="img"><img src="../img/list_img_03.png"></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016风火轮品牌培训课件
                        </p>
                        <p class="text">学习状态：学习中</p>
                        <p class="text">学习进度：0%</p>
                        <p class="progress">
                            <span class="bar sty3" style="width:0%"></span>
                        </p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon5.png"></span>
                        <p class="img"><img src="../img/list_img_04.png"></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016美高品牌培训课件
                        </p>
                        <p class="text">学习状态：学习中</p>
                        <p class="text">学习进度：0%</p>
                        <p class="progress">
                            <span class="bar sty4" style="width:0%"></span>
                        </p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon5.png"></span>
                        <p class="img"><img src="../img/list_img_05.png"></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016托马斯品牌培训课件
                        </p>
                        <p class="text">学习状态：学习中</p>
                        <p class="text">学习进度：0%</p>
                        <p class="progress">
                            <span class="bar sty1" style="width:0%"></span>
                        </p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon5.png"></span>
                        <p class="img"><img src="../img/list_img_06.png"></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016海底小纵队品牌培训课件
                        </p>
                        <p class="text">学习状态：学习中</p>
                        <p class="text">学习进度：0%</p>
                        <p class="progress">
                            <span class="bar sty1" style="width:0%"></span>
                        </p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="list-con">
                        <span class="state"><img src="../img/list_state_icon1.png"></span>
                        <p class="img"><img src="../img/list_img_07.png"></p>
                        <p class="title">
                            <strong>[移动学习]</strong>2016美高品牌培训测试题
                        </p>
                        <p class="text">测试状态：未通过</p>
                        <p class="text">测试次数：0次</p>
                        <p class="progress">
                            <span class="bar sty1" style="width:30%"></span>
                        </p>
                    </div>
                </div>
            </div>
        </div>

            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/jquery.imgpreload.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/index.js?v=1.8"></script>
    <script type="text/javascript">
        var winPath = "http://192.168.10.173:8080/";
        $(function() {
            var babiAppFun = new babiApp();
            babiAppFun.listFun();
        });
    </script>
</body>

</html>